<!DOCTYPE html>
<html>
	<head>
		<title>用户管理</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../..//css/layui.css" media="all">
		<link rel="stylesheet" href="../../style/admin.css" media="all">
	</head>
	<style>
		body {
			width: 100%;
			/* height: 100%; */
			background-color: #f2f2f2;
		}
		
      .layui-table-cell{
         height:38px;
         line-height: 36px;
      }
		.container {
			background-color: #ffffff;
			margin: 1.25rem;
			padding: 0.5rem;
			height: 300px;
		}
		.selectpage .layui-form-item {
		    display: flex;
		    width: 250px;
		}
		
		.selectpage .layui-input-block
		.layui-form-item {
		    /* width: 200px; */
		    /* width: 268px; */
		    display: flex;
		}
		
		.layui-input-block input {
		    width: 200px;
		}
		
		.formdemo {
		    display: flex;
		}
		.layui-form-pane .layui-input-block {
		    margin-left: 50px;
		    /* left: -1px; */
		}
		
		.styleInput {
			margin-left:-100px;
		    width: 200px;
		}
		
		.labelname {
		    width: 150px;
		}
		
		.list .layui-select-title input,
		.popupinput {
		    width: 300px !important;
		    margin-bottom: 20px;
		}
	</style>
	<body>
		<div class="layui-form-item" style="display: none;">
			<div class="layui-inline col-sm-12">
				<select id="TemplateOptions" name="effectsType" class="layui-select" lay-verify="required" lay-filter="selectTemplate"
				 lay-search>
					<option value="">全部</option>
				</select>
			</div>
		</div>
		<div class="layui-fluid" style="padding-top: 10px;">
			<div class="layui-card">
				<div class="layui-card-header" style="font-size: 20px">用户信息</div>
				<div class="layui-card-body" style="padding: 15px;">

					<div class="demoTable" style="margin-bottom: 10px;">
						搜索用户：
						<div class="layui-inline">
							<input class="layui-input" name="search" id="search" autocomplete="off">
						</div>
						<button type="button" class="layui-btn" data-type="reload" id="btn_search">搜索</button>
						<!-- <div class="layui-btn layuiadmin-btn-useradmin add" data-type="importData" style="margin-left: 570px;width:200px">新增用户
						</div> -->
					</div>

					<!-- <div class="layui-btn-group demoTable" style="margin-bottom: 10px;">
						<button class="layui-btn" data-type="getCheckData">获取选中行数据</button>
						<button class="layui-btn" data-type="getCheckLength">获取选中数目</button>
						<button class="layui-btn" data-type="isAll">验证是否全选</button>
					</div> -->

					<table id="table" lay-filter="demo"></table>

				</div>
			</div>
		</div>

		<!-- <div class="layui-fluid addPanel" style="display: none;padding-bottom: 50px;">
			<form class="layui-form layui-form-pane addForm" lay-filter="addForm">
				<div class="layui-input-block">
					<label class="layui-form-label labelname">用户名</label>
					<input type="text" name="name" autocomplete="off" placeholder="请输入用户名" class="layui-input popupinput">
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label" style="margin-left: 50px;">性别</label>
					<div class="layui-input-block">
						<input type="radio" name="sex" value="1" title="男" checked="">
						<input type="radio" name="sex" value="0" title="女">
					</div>
				</div>
				<div class="layui-input-block">
					<label class="layui-form-label labelname">宿舍号</label>
					<input type="text" name="roomId" autocomplete="off" placeholder="请输入宿舍号" class="layui-input popupinput">
				</div>
				<div class="layui-input-block">
					<label class="layui-form-label">电话</label>
					<input type="text" name="phoneNumber" autocomplete="off" placeholder="请输入电话" class="layui-input popupinput">
				</div>
			</form>
		</div> -->
		<script src="../../layui.js"></script>
		<script src="../../plugins/vue/vue.min.js"></script>
		<script src="../../plugins/jquery/jquery.min.js"></script>
		<script src="../../js/utils/common.js"></script>
		<script src="../../js/user/WXUsersManage.js"></script>
		<script src="../../js/utils/interceptor.js"></script>


		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
		<!-- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> -->
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
	</script>

		<script type="text/html" id="img">
			<div>
			<img style="height:35px;width:35px;border-radius:50%;line-height:50px!important;" src="{{d.avatar}}">
			</div>
	</script>

		<!-- <script type="text/html" id="sex">
			{{#if (d.sex == 1) { }}
		         <span>男</span>
		        {{# }else if(d.sex == 0){ }}
		        <span>女</span>
		        {{# } }}

		</script> -->

	</body>
</html>
